page,
.taro_page {
  height: 100%;
}
.user-roll {
  height: 100%;
  padding: 20px 32px;
  background: #f5f5f5;

  .scroll {
  }
  .user-roll-bottom {
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;

    .user-roll-bottom-item {
      width: 343px;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      font-size: 24px;
      color: #999999;
      padding-right: 10px;

      .user-roll-bottom-img {
        width: 9px;
        height: 17px;
        margin-left: 8px;
        margin-right: 18px;
      }
    }
    .user-roll-bottom-item-right {
      width: 343px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      font-size: 24px;
      color: #f8a120;
      padding-left: 10px;
    }
    .line {
      width: 1px;
      height: 20px;
      background: rgba(159, 152, 152, 1);
    }
  }
}


